<!--
/**
 * 人员信息 列表页 JS 脚本
 * @author 金杰 , maillank@qq.com
 * @since 2025-03-19 14:08:35
 */
 -->
 <!DOCTYPE html>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8"/>
    <meta name="referrer" content="no-referrer">
    <title th:text="${lang.translate('人员信息')}">人员信息</title>
    <link th:if(theme.ico!="null") rel="shortcut icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <link th:if(theme.ico!="null") rel="icon" th:href="${theme.ico}" type="image/vnd.microsoft.icon">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="/assets/libs/layui/css/layui.css" th:href="'/assets/libs/layui/css/layui.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/css/admin.css" th:href="'/assets/css/admin.css?'+${cacheKey}"/>
    <link rel="stylesheet" href="/assets/libs/toast/css/toast.css" type="text/css" th:href="'/assets/libs/toast/css/toast.css?'+${cacheKey}">
    <link rel="stylesheet" href="/assets/css/foxnic-web.css" th:href="'/assets/css/foxnic-web.css?'+${cacheKey}">
    <link href="/assets/libs/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
    <link href="/assets/libs/material-design-webfont/css/material-design-icons-min.css" rel="stylesheet">
    <script th:inline="javascript">var foxnic_cachekey=[[${cacheKey}]];</script>
    <style>
    </style>
    <link th:each="css:${theme.css}" rel="stylesheet" th:href="${css}+'?'+${cacheKey}">
</head>

<body style="overflow-y: hidden">

<div class="layui-card">

    <div class="layui-card-body" style="">

        <div class="search-bar" style="">

            <div class="search-input-rows" style="opacity: 0">
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 批次号 , batchCode ,typeName=text_input, isHideInSearch=true -->
                    <!-- 出生日期 , birthday ,typeName=date_input, isHideInSearch=true -->
                    <!-- 血型 , bloodType ,typeName=select_box, isHideInSearch=true -->
                    <!-- 身高 , bodyHeight ,typeName=number_input, isHideInSearch=true -->
                    <!-- 体重 , bodyWeight ,typeName=number_input, isHideInSearch=true -->
                    <!-- 计算机能力 , computerAbility ,typeName=text_input, isHideInSearch=true -->
                    <!-- 计算机等级 , computerLevel ,typeName=text_input, isHideInSearch=true -->
                    <!-- 合同周期 , contractDuration ,typeName=text_input, isHideInSearch=true -->
                    <!-- 合同结束时间 , contractFinishDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 学历 , educationCode ,typeName=select_box, isHideInSearch=true -->
                    <!-- 电子邮件 , email ,typeName=text_input, isHideInSearch=true -->
                    <!-- 紧急联系人 , emergencyContact ,typeName=text_input, isHideInSearch=true -->
                    <!-- 紧急人电话 , emergencyContactNo ,typeName=text_input, isHideInSearch=true -->
                    <!-- 关联员工 , employeeId ,typeName=button, isHideInSearch=true -->
                    <!-- 员工状态 , employeeStatus ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('员工状态')}" class="search-label employeeStatus-label">员工状态</span><span class="search-colon">:</span></div>


                        <div id="employeeStatus" th:data="${enum.toArray('com.dt.platform.constants.enums.hr.EmployeeStatusEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 员工职称 , employeeTitleCode ,typeName=select_box, isHideInSearch=true -->
                    <!-- 转正日期 , employmentConfirmDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 附件 , fileId ,typeName=upload, isHideInSearch=true -->
                    <!-- 初次日期 , firstEmploymentDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 参加工作时间 , firstWorkDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 所学外语 , foreignLanguage ,typeName=text_input, isHideInSearch=true -->
                    <!-- 外语证书 , foreignLanguageLevel ,typeName=text_input, isHideInSearch=true -->
                    <!-- 毕业时间 , graduationDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 毕业院校 , graduationSchool ,typeName=text_input, isHideInSearch=true -->
                    <!-- 家庭地址 , homeAddress ,typeName=text_input, isHideInSearch=true -->
                    <!-- HR管理 , hrUserId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 主键 , id ,typeName=text_input, isHideInSearch=true -->
                    <!-- 入党时间 , joinPartDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 直属领导 , leaderUserId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 离职日期 , leaveDate ,typeName=date_input, isHideInSearch=true -->
                    <!-- 离职原因 , leaveReson ,typeName=text_input, isHideInSearch=true -->
                    <!-- 所学专业 , major ,typeName=text_input, isHideInSearch=true -->
                    <!-- 婚姻状况 , maritalStatus ,typeName=select_box, isHideInSearch=true -->
                    <!-- 民族 , nationCode ,typeName=text_input, isHideInSearch=true -->
                    <!-- 籍贯 , nativePlaceCode ,typeName=text_input, isHideInSearch=true -->
                    <!-- 备注 , note ,typeName=text_area, isHideInSearch=true -->
                    <!-- 员工部门 , orgId ,typeName=button, isHideInSearch=true -->
                    <!-- 工资卡帐号 , payrollCard ,typeName=text_input, isHideInSearch=true -->
                    <!-- 照片 , personPictureId ,typeName=upload, isHideInSearch=true -->
                    <!-- 政治面貌 , politicCountenanceCode ,typeName=select_box, isHideInSearch=true -->
                    <!-- 员工职级 , rankCode ,typeName=select_box, isHideInSearch=true -->
                    <!-- 薪酬备注 , salaryNotes ,typeName=text_input, isHideInSearch=true -->
                    <!-- 是否发放 , salaryPayOut ,typeName=radio_box, isHideInSearch=true -->
                    <!-- 积分 , score ,typeName=number_input, isHideInSearch=true -->
                    <!-- 性别 , sexCode ,typeName=select_box, isHideInSearch=true -->
                    <!-- 分管领导 , supervisorUserId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 修改人ID , updateBy ,typeName=text_input, isHideInSearch=true -->
                    <!-- 微信号 , weixinId ,typeName=text_input, isHideInSearch=true -->
                    <!-- 年假天数 , yearDays ,typeName=number_input, isHideInSearch=true -->
                    <!-- 员工标记 , employeeIdentityStatus ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('员工标记')}" class="search-label employeeIdentityStatus-label">员工标记</span><span class="search-colon">:</span></div>
                        <div id="employeeIdentityStatus" th:data="${'/service-system/sys-dict-item/query-list?dictCode=hr_employee_identity_status'}" style="width:180px" extraParam="{}"></div>
                    </div>
                    <!-- 工号 , jobNumber ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('工号')}" class="search-label jobNumber-label">工号</span><span class="search-colon">:</span></div>
                        <input id="jobNumber" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>
                    <!-- 姓名 , name ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('姓名')}" class="search-label name-label">姓名</span><span class="search-colon">:</span></div>
                        <input id="name" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 关联账户 , ifRelEmployeeAccount ,typeName=radio_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('关联账户')}" class="search-label ifRelEmployeeAccount-label">关联账户</span><span class="search-colon">:</span></div>


                        <div id="ifRelEmployeeAccount" th:data="${enum.toArray('com.dt.platform.constants.enums.common.YesNoEnum')}" style="width:180px"></div>
                    </div>
                    <!-- 员工工种 , workKindCode ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('员工工种')}" class="search-label workKindCode-label">员工工种</span><span class="search-colon">:</span></div>
                        <input id="workKindCode" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>
                    <!-- 工资卡开户行 , payrollCardBankCode ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('工资卡开户行')}" class="search-label payrollCardBankCode-label">工资卡开户行</span><span class="search-colon">:</span></div>
                        <div id="payrollCardBankCode" th:data="${'/service-system/sys-dict-item/query-list?dictCode=hr_bank_list'}" style="width:180px" extraParam="{}"></div>
                    </div>
                    <!-- 手机号码 , mobile ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('手机号码')}" class="search-label mobile-label">手机号码</span><span class="search-colon">:</span></div>
                        <input id="mobile" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 员工岗位 , positionCode ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('员工岗位')}" class="search-label positionCode-label">员工岗位</span><span class="search-colon">:</span></div>
                        <div id="positionCode" th:data="${'/service-hr/hr-position-info/query-paged-list'}" style="width:180px" extraParam="{}"></div>
                    </div>
                    <!-- 人员类型 , employeeTypeCode ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('人员类型')}" class="search-label employeeTypeCode-label">人员类型</span><span class="search-colon">:</span></div>
                        <div id="employeeTypeCode" th:data="${'/service-system/sys-dict-item/query-list?dictCode=hr_employee_owner_type'}" style="width:180px" extraParam="{}"></div>
                    </div>
                    <!-- 联系方式 , contactInformation ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('联系方式')}" class="search-label contactInformation-label">联系方式</span><span class="search-colon">:</span></div>
                        <input id="contactInformation" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>
                    <!-- 身份证 , identityCard ,typeName=text_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('身份证')}" class="search-label identityCard-label">身份证</span><span class="search-colon">:</span></div>
                        <input id="identityCard" class="layui-input search-input" style="width: 180px" type="text" />
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 薪酬模版 , salaryTplId ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('薪酬模版')}" class="search-label salaryTplId-label">薪酬模版</span><span class="search-colon">:</span></div>
                        <div id="salaryTplId" th:data="${'/service-hr/hr-salary-tpl/query-paged-list'}" style="width:180px" extraParam="{}"></div>
                    </div>
                    <!-- 考勤组 , attendanceTplCode ,typeName=select_box, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('考勤组')}" class="search-label attendanceTplCode-label">考勤组</span><span class="search-colon">:</span></div>
                        <div id="attendanceTplCode" th:data="${'/service-hr/hr-attendance-tpl/query-paged-list'}" style="width:180px" extraParam="{}"></div>
                    </div>


                </div>
                <!-- 搜索输入区域 -->
                <div class="layui-form toolbar search-inputs">
                    <!-- 入职日期 , employmentDate ,typeName=date_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('入职日期')}" class="search-label employmentDate-label">入职日期</span><span class="search-colon">:</span></div>
                            <input type="text" id="employmentDate-begin" style="width: 180px" lay-verify="date" th:placeholder="${lang.translate('开始日期')}" autocomplete="off" class="layui-input search-input search-date-input"  readonly >
                            <span class="search-dash">-</span>
                            <input type="text" id="employmentDate-end"  style="width: 180px"  lay-verify="date" th:placeholder="${lang.translate('结束日期')}" autocomplete="off" class="layui-input search-input search-date-input" readonly>
                    </div>
                    <!-- 合同开始时间 , contractStartDate ,typeName=date_input, isHideInSearch=false -->
                    <div class="search-unit">
                        <div class="search-label-div" style="width:100px"><span th:text="${lang.translate('合同开始时间')}" class="search-label contractStartDate-label">合同开始时间</span><span class="search-colon">:</span></div>
                            <input type="text" id="contractStartDate-begin" style="width: 180px" lay-verify="date" th:placeholder="${lang.translate('开始日期')}" autocomplete="off" class="layui-input search-input search-date-input"  readonly >
                            <span class="search-dash">-</span>
                            <input type="text" id="contractStartDate-end"  style="width: 180px"  lay-verify="date" th:placeholder="${lang.translate('结束日期')}" autocomplete="off" class="layui-input search-input search-date-input" readonly>
                    </div>


                </div>
            </div>


            <!-- 按钮区域 -->
            <div id="search-area" class="layui-form toolbar search-buttons" style="opacity: 0">
                <button id="search-button" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>&nbsp;&nbsp;<span th:text="${lang.translate('搜索','','cmp:table.search')}">搜索</span></button>
                <button id="search-button-advance" class="layui-btn layui-btn-primary icon-btn search-button-advance"><i class="layui-icon">&#xe671;</i><span th:text="${lang.translate('更多','','cmp:table.search')}">更多</span></button>
            </div>
        </div>

        <div id="table-area" style="margin-top: 42px ">
            <table class="layui-table" id="data-table" lay-filter="data-table"></table>
        </div>

    </div>
</div>

<script type="text/javascript" src="/module/global.js" th:src="'/module/global.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/jquery-3.2.1.min.js" th:src="'/assets/libs/jquery-3.2.1.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/pandyle.min.js" th:src="'/assets/libs/pandyle.min.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/layui/layui.js" th:src="'/assets/libs/layui/layui.js?'+${cacheKey}"></script>
<script type="text/javascript" src="/assets/libs/toast/js/toast.js" th:src="'/assets/libs/toast/js/toast.js?'+${cacheKey}"></script>
<!-- 表格工具栏 -->
<script type="text/html" id="toolbarTemplate">
    <div class="layui-btn-container">
        <button th:if="${perm.checkAuth('hr_person:create')}" id="add-button" class="layui-btn icon-btn layui-btn-sm create-new-button " lay-event="create"><i class="layui-icon">&#xe654;</i><span th:text="${lang.translate('新建','','cmp:table.button')}">新建</span></button>
        <button th:if="${perm.checkAuth('hr_person:delete-by-ids')}" id="delete-button" class="layui-btn icon-btn layui-btn-danger layui-btn-sm batch-delete-button " lay-event="batch-del"><i class="layui-icon">&#xe67e;</i><span th:text="${lang.translate('删除','','cmp:table.button')}">删除</span></button>
        <button id="import-data"  class="layui-btn icon-btn layui-btn-sm  import-data " lay-event="tool-import-data"><span th:text="${lang.translate('导入','','cmp:table.button')}">导入</span></button>
        <button id="export-data"  class="layui-btn icon-btn layui-btn-sm  export-data " lay-event="tool-export-data"><span th:text="${lang.translate('导出','','cmp:table.button')}">导出</span></button>
    </div>
</script>

<!-- 表格操作列 -->
<script type="text/html" id="tableOperationTemplate">

    <button th:if="${perm.checkAuth('hr_person:view-form')}" class="layui-btn layui-btn-primary layui-btn-xs ops-view-button " lay-event="view"  data-id="{{d.id}}"> <span th:text="${lang.translate('查看','','cmp:table.ops')}">查看</span></button>
    <button th:if="${perm.checkAnyAuth('hr_person:update','hr_person:save')}" class="layui-btn layui-btn-primary layui-btn-xs ops-edit-button " lay-event="edit"data-id="{{d.id}}"><span th:text="${lang.translate('修改','','cmp:table.ops')}">修改</span></button>


    <button th:if="${perm.checkAuth('hr_person:delete')}" class="layui-btn layui-btn-xs layui-btn-danger ops-delete-button " lay-event="del" data-id="{{d.id}}"><span th:text="${lang.translate('删除','','cmp:table.ops')}">删除</span></button>

    <button class="layui-btn layui-btn-xs  person-detail " lay-event="person-detail" data-id="{{d.id}}"><span th:text="${lang.translate('详情','','cmp:table.ops')}">详情</span></button>
    <button class="layui-btn layui-btn-xs  new-edit " lay-event="new-edit" data-id="{{d.id}}"><span th:text="${lang.translate('修改','','cmp:table.ops')}">修改</span></button>

</script>


<script th:inline="javascript">
    var LAYUI_TABLE_WIDTH_CONFIG = [[${pageHelper.getTableColumnWidthConfig('data-table')}]];
    var RADIO_EMPLOYEESTATUS_DATA = [[${enum.toArray('com.dt.platform.constants.enums.hr.EmployeeStatusEnum')}]];
    var RADIO_SALARYPAYOUT_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.StatusYNEnum')}]];
    var RADIO_IFRELEMPLOYEEACCOUNT_DATA = [[${enum.toArray('com.dt.platform.constants.enums.common.YesNoEnum')}]];
    var AUTH_PREFIX="hr_person";


</script>

<script th:src="'/business/hr/person/person_ext.js?'+${cacheKey}"></script>
<script th:src="'/business/hr/person/person_list.js?'+${cacheKey}"></script>

</body>
</html>